// 设计稿电脑的分辨率为1920px  为兼容各种分辨率的电脑以vw为单位  vw单位是针对浏览器宽度为基础的百分比单位  100vw = 1920px  1px = 1 / 19.2vw
@px : 1 / 19.2vw;

// 特殊字体
@font-face {
    font-family: 'xcj';
    src: url('../font/Montserrat-Bold.otf'), url('../font/Montserrat-Regular.otf');
}

// 防止出现滚动条
html {
    overflow-x: hidden;
    width: 100vw;
}

// 头部区域
header {
    width: 100vw;
    height: (120 * @px);
    background-color: #1F3970;
}

.logo {
    position: absolute;
    left: 50%;
    top: (30 * @px);
    margin-left: (-0.5 * 321 * @px);
    width: (321 * @px);
    height: (85 * @px);
    background-image: url('../images/logo.png');
    background-size: 100% 100%;
}

.icon-arrow-down-bold:before {
    font-size: (12 * @px);
}

.header_left {
    position: absolute;
    left: (260 * @px);
    top: (62 * @px);
    width: (453 * @px);
    height: (21 * @px);
    font-size: (16 * @px);
    color: #FFFFFF;
}

.header_left ul {
    width: 100%;
    height: 100%;
}

.header_left ul li,
.header_right ul li {
    position: relative;
    z-index: 5;
    float: left;
    margin-left: (33 * @px);
}

.pass {
    margin-left: 0 !important;
}

.header_left ul li span,
.header_right ul li span {
    cursor: pointer;
    position: absolute;
    left: (68 * @px);
}

.header_right {
    position: absolute;
    right: (260 * @px);
    top: (62 * @px);
    width: (453 * @px);
    height: (21 * @px);
    font-size: (16 * @px);
    color: #FFFFFF;
}

.header_right ul {
    width: 100%;
    height: 100%;
}

.header_left .ul,
.header_right .ul {
    position: absolute;
    display: none;
    width: (64 * @px);
    height: (150 * @px);
    margin-left: (-33 * @px);
}

.header_left .ul li,
.header_right .ul li {
    cursor: pointer;
    height: (35 * @px);
    width: 100%;
    color: #000;
    text-align: center;
    line-height: (35 * @px);
    background-color: #FFFFFF;
    border-bottom: 0.5px solid #B63C3C;
    border-left: 0.5px solid #B63C3C;
    border-right: 0.5px solid #B63C3C;
}



// banner区域
.banner {
    position: relative;
}

.banner,
.swiper {
    width: 100vw;
    height: (790 * @px);
}

// 设置swiper默认按钮大小为0
.swiper_father {
    position: relative;
    --swiper-navigation-size: 0;
}

// 设置左按钮位置
.swiper_father .swiper-button-prev {
    width: (67 * @px);
    height: (67 * @px);
    left: (293 * @px);
}

// 设置右按钮位置
.swiper_father .swiper-button-next {
    width: (67 * @px);
    height: (67 * @px);
    right: (293 * @px);
}

// 设置自定义分页器
.str1,
.str2 {
    font-family: xcj;
}

// 设置自定义分页器样式
.str1 {
    font-size: (36 * @px);
    color: #D5A770;
}

.str2 {
    font-size: (22 * @px);
    color: #fff;
}

.swiper-pagination-custom {
    bottom: (75 * @px) !important;
    left: (191 * @px) !important;
    width: 10% !important;
}

// 四个介绍
.intro {
    position: absolute;
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 5;
    top: (650 * @px);
    left: (516 * @px);
    width: (1144 * @px);
    height: (140 * @px);
    background: #FFFFFF;
    border-radius: (10 * @px) (10 * @px) 0 0;
    opacity: 0.9;
}

.intro .span {
    position: relative;
    width: (266 * @px);
    height: (108 * @px);
    opacity: 1;
    border-radius: (10 * @px) (10 * @px) (10 * @px) (10 * @px);
}

.intro .span:nth-of-type(1) {
    background: linear-gradient(180deg, #115E90 0%, #1F3970 100%);
}

.intro .span:nth-of-type(2) {
    background: linear-gradient(180deg, #007182 0%, #014955 100%);
}

.intro .span:nth-of-type(3) {
    background: linear-gradient(180deg, #C94340 0%, #8D2C36 100%);
}

.intro .span:nth-of-type(4) {
    background: linear-gradient(180deg, #16A18C 0%, #00705F 100%);
}

.intro_left {
    position: absolute;
    top: (30 * @px);
    left: (20 * @px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: (72 * @px);
    height: (51 * @px);
    font-family: xcj;
    font-weight: bold;
    color: #FFE082;
}

.intro_left span:nth-of-type(1) {
    width: (100 * @px);
    height: (14 * @px);
    font-size: (12 * @px);
}

.intro_left span:nth-of-type(2) {
    width: (100 * @px);
    height: (30 * @px);
    font-size: (20 * @px);
}

.intro_right_top {
    position: absolute;
    left: (198 * @px);
    top: (20 * @px);
    font-family: xcj;
    font-size: (16 * @px);
    color: #FFE082;
    font-weight: bold;
    width: (71 * @px);
    height: (21 * @px);
}

.other {
    left: (175 * @px);
}

.intro_right_bottom {
    position: absolute;
    top: (48 * @px);
    left: (206 * @px);
    width: (40 * @px);
    height: (40 * @px);
}

.wenshu {
    left: (195 * @px);
}

.gulou {
    left: (211 * @px);
}

.icon-zhujixiang:before,
.icon-a-wenshushuba:before,
.icon-gulouli:before,
.icon-dasongyuhe:before {
    font-size: (40 * @px);
}



// 集团概况
.survey {
    position: relative;
    width: 100vw;
    height: (574 * @px);
    background-image: url('../images/bg1.png');
}

.survey_title1 {
    position: absolute;
    left: (260 * @px);
    top: (60 * @px);
    display: flex;
}

.survey_title1 span {
    font-family: xcj;
    flex: 1;
    font-size: (40 * @px);
    font-weight: bold;
}

.survey_title1 span:nth-child(2) {
    color: #1F3970;
}

.survey_title2 {
    position: absolute;
    left: (260 * @px);
    top: (111 * @px);
    color: #D5DCEB;
    font-weight: bold;
    font-family: xcj;
}

.survey_title3 {
    position: absolute;
    left: (260 * @px);
    top: (209 * @px);
    width: (514 * @px);
    height: (79 * @px);
    color: #9FA1A8;
    font-size: (16 * @px);
    line-height: (29 * @px);
    font-family: xcj;
}

.survey_title4 {
    position: absolute;
    left: (260 * @px);
    top: (413 * @px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (146 * @px);
    height: (46 * @px);
}

.survey_title4 span:nth-child(1) {
    width: (88 * @px);
    height: (29 * @px);
    color: #1B1F27;
    font-family: xcj;
    font-size: (22 * @px);
}

.survey_title4 span:nth-child(2) {
    cursor: pointer;
    width: (46 * @px);
    height: (46 * @px);
}

.survey_title5 {
    position: absolute;
    left: (791 * @px);
    top: (188 * @px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: (170 * @px);
    height: (270 * @px);
}

.survey_title5 .survey_span {
    width: (170 * @px);
    height: (110 * @px);
    border-top: 1px solid #FFEFBE;
}

.survey_title5_content {
    position: absolute;
    left: (17 * @px);
    top: (21 * @px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: (170 * @px);
    height: (89 * @px);
}

.survey_title5_content span:nth-child(2) {
    font-size: (16 * @px);
    color: #1B1F27;
}

.survey_title5_content span:nth-child(3) {
    font-size: (26 * @px);
    color: #1F3970;
}

.add {
    top: (180 * @px);
}

.icon-renminbi:before,
.icon-shijianchuo:before {
    font-size: (26 * @px);
}

.survey_general {
    position: absolute;
    z-index: 5;
    left: (1042 * @px);
    top: (60 * @px);
    width: (618 * @px);
    height: (454 * @px);
}

.survey_bg {
    position: absolute;
    left: (1233 * @px);
    width: (687 * @px);
    height: (574 * @px);
    background-color: #115E90;
}

.survey_gaikuang {
    position: absolute;
    left: (427 * @px);
    top: (127 * @px);
    width: (150 * @px);
    height: (350 * @px);
}



// 旗下企业
.enterprise {
    position: relative;
    width: 100vw;
    height: (991 * @px);
    background-color: #1F3970;
}

.enterprise_img1 {
    position: absolute;
    left: 0;
    top: (575 * @px);
    width: (416 * @px);
    height: (416 * @px);
}

.enterprise_img2 {
    position: absolute;
    right: 0;
    top: (172 * @px);
    width: (447 * @px);
    height: (447 * @px);
}

.enterprise_title1 {
    position: absolute;
    left: (260 * @px);
    top: (60 * @px);
    display: flex;
    width: (160 * @px);
    height: (52 * @px);
}

.enterprise_title1 span {
    flex: 1;
    font-size: (40 * @px);
    font-weight: bold;
    font-family: xcj;
}

.enterprise_title1 span:nth-child(1) {
    color: #FFFFFF;
}

.enterprise_title1 span:nth-child(2) {
    color: #DDB467;
}

.enterprise_title2 {
    position: absolute;
    left: (260 * @px);
    top: (111 * @px);
    width: (271 * @px);
    height: (27 * @px);
    color: #2B4E96;
    font-size: (12 * @px);
    font-weight: bold;
    font-family: xcj;
}

.enterprise_title3 {
    position: absolute;
    left: (692 * @px);
    top: (60 * @px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: (960 * @px);
    height: (182 * @px);
}

.enterprise_title3 span:nth-child(1) {
    width: (120 * @px);
    height: (40 * @px);
    color: #FFFFFF;
    font-size: (30 * @px);
    font-family: xcj;
}

.enterprise_title3 span:nth-child(2) {
    width: (960 * @px);
    height: (50 * @px);
    line-height: (29 * @px);
    font-size: (16 * @px);
    color: #94ACE0;
    font-family: xcj;
}

.enterprise_title3 span:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (146 * @px);
    height: (46 * @px);
}

.enterprise_title3 span:nth-child(3) span:nth-child(1) {
    width: (88 * @px);
    height: (29 * @px);
    font-size: (22 * @px);
}

.enterprise_title3 span:nth-child(3) span:nth-child(2) {
    cursor: pointer;
    width: (46 * @px);
    height: (46 * @px);
}

.enterprise_dh {
    position: absolute;
    z-index: 5;
    display: flex;
    justify-content: space-between;
    left: (260 * @px);
    top: (281 * @px);
    width: (1400 * @px);
    height: (100 * @px);
}

.enterprise_dh span {
    cursor: pointer;
    position: relative;
    width: (346 * @px);
    height: (100 * @px);
    background-color: #fff;
    border-radius: (6 * @px) (6 * @px) (6 * @px) 0px;
}

.enterprise_dh_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (156 * @px);
    height: (30 * @px);
}

.enterprise_dh_content span:nth-child(1) {
    width: (37 * @px);
    height: (30 * @px);
}

.enterprise_dh_content span:nth-child(2) {
    width: (104 * @px);
    height: (30 * @px);
    color: #1F3970;
    font-family: xcj;
    line-height: (35 * @px);
    font-size: (26 * @px);
}

.icon-wenhualvyou:before,
.icon-kongguqiye:before,
.icon-jinrongfuwu:before {
    font-size: (30 * @px);
}

.enterprise_dh_xian {
    position: absolute;
    left: (8 * @px);
    width: (330 * @px);
    height: (4 * @px);
    background: #DDB467;
    border-radius: (6 * @px) (6 * @px) (6 * @px) (6 * @px);
    opacity: 0;
}

.enterprise_bg {
    position: absolute;
    left: (260 * @px);
    top: (381 * @px);
    width: (1400 * @px);
    height: (550 * @px);
    border-radius: (6 * @px) (6 * @px) (6 * @px) 0px;
}

.enterprise_bg_img {
    position: absolute;
    z-index: 2;
    opacity: 0;
}

.enterprise_number {
    position: absolute;
    z-index: 4;
    left: (510 * @px);
    top: (650 * @px);
    width: (253 * @px);
    height: (292 * @px);
    font-size: (220 * @px);
    font-weight: bold;
    font-family: xcj;
    color: #FFFFFF;
    line-height: (292 * @px);
}

.enterprise_intro {
    position: absolute;
    z-index: 5;
    left: (280 * @px);
    top: (491 * @px);
    width: (460 * @px);
    height: (420 * @px);
    background: #FFFFFF;
    border-radius: (20* @px) (20* @px) (20 * @px) (20 * @px);
    opacity: 0.9;
}

.enterprise_intro_content {
    position: absolute;
    opacity: 1;
    width: (460 * @px);
    height: (420 * @px);
    opacity: 0;
}

.enterprise_intro_content_x {
    position: absolute;
    left: (50 * @px);
    top: (48 * @px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: (361 * @px);
    height: (324 * @px);
}

.enterprise_intro_content_x span:nth-child(1) {
    width: (360 * @px);
    height: (108 * @px);
    color: #1F3970;
    font-size: (30 *@px);
    font-family: xcj;
    font-weight: bold
}

.enterprise_intro_content_x span:nth-child(2) {
    width: (361 * @px);
    height: (111 * @px);
    color: #868686;
    font-size: (16 *@px);
    line-height: (30 * @px);
    font-family: xcj;
    font-weight: bold;
    /* 超出部分隐藏 */
    overflow: hidden;
    /* 转换为弹性伸缩盒子模型显示 */
    display: -webkit-box;
    /* 第几行超出的文字用省略号显示 */
    -webkit-line-clamp: 4;
    /* 设置或检索伸缩盒子对象的子元素的排列方式 vertical垂直居中 */
    -webkit-box-orient: vertical;
}

.enterprise_intro_content_x span:nth-child(3) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (85 * @px);
    height: (33 * @px);
    border-bottom: 1px solid #DDB467;
}

.enterprise_intro_content_x span:nth-child(3) span:nth-child(1) {
    width: (64 * @px);
    height: (21 * @px);
    color: #DDB467;
    font-size: (16 *@px);
    font-family: xcj;
}

.enterprise_intro_content_x span:nth-child(3) span:nth-child(2) {
    width: (13 * @px);
    height: (21 * @px);
    text-align: center;
    line-height: (21 * @px);
}

.icon-insert-right-full:before {
    font-size: (12*@px);
}

.enterprise_dh_number {
    position: absolute;
    z-index: 5;
    left: (1291 * @px);
    top: (813 * @px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (349 * @px);
    height: (98 * @px);
    background: #FFFFFF;
    border-radius: (55* @px) (55* @px) (55 * @px) (55 * @px);
}

.enterprise_dh_number span {
    cursor: pointer;
    border-radius: 50%;
    width: (83 * @px);
    height: (84 * @px);
    text-align: center;
    line-height: (84 * @px);
    color: #1F3970;
    font-size: (25 * @px);
    font-family: xcj;
    font-weight: bold;
}



// 项目展示
.project {
    position: relative;
    width: 100vw;
    height: (739 * @px);
    background-image: url('../images/bg7.png');
}

.project_title1 {
    position: absolute;
    display: flex;
    width: (160 * @px);
    height: (52 * @px);
    left: (260 * @px);
    top: (60 * @px);
}

.project_title1 span {
    flex: 1;
    font-size: (40 * @px);
    font-family: xcj;
    font-weight: bold;
}

.project_title1 span:nth-child(1) {
    color: #23252C;
}

.project_title1 span:nth-child(2) {
    color: #1F3970;
}

.project_title2 {
    position: absolute;
    width: (178 * @px);
    height: (27 * @px);
    left: (260 * @px);
    top: (111 * @px);
    font-family: xcj;
    font-weight: bold;
    color: #D5DCEB;
    font-size: (16 * @px);
}

.project_title3 {
    position: absolute;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (146 * @px);
    height: (46 * @px);
    left: (1514 * @px);
    top: (86 * @px);
}

.project_title3 span:nth-child(1) {
    width: (88 * @px);
    height: (29 * @px);
}

.project_title3 span:nth-child(2) {
    width: (46 * @px);
    height: (46 * @px);
}

.project_left {
    position: absolute;
    width: (346 * @px);
    height: (420 * @px);
    left: (260 * @px);
    top: (169 * @px);
    overflow: hidden;
}

.project_left_content {
    position: absolute;
    display: flex;
    flex-direction: column;
    width: (346 * @px);
    height: (700 * @px);
    border-radius: (6 * @px) (6 * @px) (6 * @px) (6 * @px);
}

.project_left_content .span1 {
    flex: 1;
    background-color: #F7F9FF;
    border-radius: (6 * @px) (6 * @px) (6 * @px) (6 * @px);
}

.project_left_content_intro {
    margin-top: (29 * @px);
    margin-left: (40 * @px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: (245 * @px);
    height: (60 * @px);
}

.project_left_content_intro span:nth-child(1) {
    display: flex;
    flex-direction: column;
    width: (144 * @px);
    height: (60 * @px);
}

.project_left_content_intro span:nth-child(1) span:nth-child(1) {
    color: #DDB467;
    width: (144 * @px);
    height: (34 * @px);
    font-size: (34 * @px);
    font-family: xcj;
    font-weight: bold;
}

.project_left_content_intro span:nth-child(1) span:nth-child(2) {
    color: #23252C;
    width: (144 * @px);
    margin-top: (2 * @px);
    height: (24 * @px);
    font-size: (24 * @px);
    font-family: xcj;
}

.project_left_content_intro span:nth-child(2) {
    width: (46 * @px);
    height: (46 * @px);
    text-align: center;
    line-height: (46 * @px);
}

.project_right {
    position: absolute;
    left: (626 * @px);
    top: (169 * @px);
    width: (1034 * @px);
    height: (420 * @px);
    display: flex;
    justify-content: space-between;
    border-radius: (6 * @px) (6 * @px) (6 * @px) (6 * @px);
    opacity: 0;
}

.project_right_left,
.project_right_right {
    width: (507 * @px);
    height: (420 * @px);
    display: flex;
    flex-direction: column;
}

.project_right .top_title {
    margin-top: (27 * @px);
    margin-left: (30 * @px);
    width: (31 * @px);
    height: (32 * @px);
    font-size: (24 * @px);
    color: #FFFFFF;
}

.project_right_left .top {
    background-image: url('../images/bg8.png');
    background-size: 100%;
}

.project_right_right .top {
    background-image: url('../images/bg9.png');
    background-size: 100%;
}

.project_right .top {
    width: (507 * @px);
    height: (307 * @px);
}

.project_right .down {
    width: (507 * @px);
    height: (113 * @px);
    background-color: #F7F9FF;
}

.project_right .down_title {
    width: (457 * @px);
    height: (54 * @px);
    margin-top: (29 * @px);
    margin-left: (42 * @px);
    display: flex;
    justify-content: space-between;

}

.down_title_left {
    display: flex;
    flex-direction: column;
    width: (168 * @px);
    height: (54 * @px);
}

.down_title_right {
    width: (46 * @px);
    height: (46 * @px);
    margin-right: (30 * @px);
}

.down_title_left span:nth-child(1) {
    width: (100 * @px);
    height: (19 * @px);
    color: #9CA5B9;
    font-size: (14 * @px);
    font-family: xcj;
}

.down_title_left span:nth-child(2) {
    margin-top: (3* @px);
    width: (312 * @px);
    height: (31 * @px);
    color: #23252C;
    font-size: (24 * @px);
    font-family: xcj;
    font-weight: bold;
}

.project_right .num1 {
    position: absolute;
    left: (20 * @px);
    top: (340 * @px);
    width: (15 * @px);
    height: (2 * @px);
    background-color: #DDB467;
}

.project_right .num2 {
    position: absolute;
    left: (550 * @px);
    top: (340 * @px);
    width: (15 * @px);
    height: (2 * @px);
    background-color: #DDB467;
}

.project_dh {
    position: absolute;
    left: (626 * @px);
    top: (621 * @px);
    width: (822 * @px);
    height: (53 * @px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.project_dh_num1,
.project_dh_num2 {
    margin-top: (30 * @px);
    width: (46 * @px);
    height: (53 * @px);
}

.project_dh_xian {
    width: (685 * @px);
    height: (2 * @px);
    display: flex;
}

.project_dh_xian span {
    flex: 1;
    background-color: red;
}

.project_yuan {
    position: absolute;
    left: (1526 * @px);
    top: (619 * @px);
    width: (135 * @px);
    height: (60 * @px);
    display: flex;
    justify-content: space-between;
}

.project_yuan span {
    width: (60 * @px);
    height: (60 * @px);
    border-radius: 50%;
    text-align: center;
    line-height: (60 * @px);
    background-color: red;
}